import router from '@/router'
import { useUserStore } from '@/stores/modules/userStore'
import axios from 'axios'
import { startLoading, stopLoading } from './loading'
import { getAccessToken } from '@/api/general'

// 基础请求地址
const baseURL = 'http://localhost:8080'

// 基础请求设置
const request = axios.create({
  baseURL,
  timeout: 30000,
})

const userStore = useUserStore()

// 弹窗打开
let isDialogOpen = false

// 关闭弹窗
const closeDialog = () => {
  isDialogOpen = false
}

// 重新登录处理
const handleLogin = async () => {
  //如果是在首页则直接退出
  if (router.currentRoute.path === '/') {
    return
  }
  //设置token为空
  localStorage.setItem('accessToken', '')
  //设置refreshToken为空
  localStorage.setItem('refreshToken', '')
  //移除userId
  localStorage.removeItem('userId')
  //弹窗确认
  try {
    //如果弹窗打开了则直接退出
    if (isDialogOpen) {
      return
    }
    //创建弹窗对象
    const confirmResult = await ElMessageBox.confirm('登录查看更多信息?', '提示', {
      confirmButtonText: '登录',
      cancelButtonText: '返回',
    })
    //如果确认则跳转到登录页，否则就回到上一页
    if (confirmResult === 'confirm') {
      await router.replace('/login')
    } else {
      router.back()
    }
  } finally {
    // 关闭弹窗
    closeDialog()
  }
}

request.interceptors.request.use(
  async (config) => {
    //显示加载
    startLoading()
    //获取用户token
    const token = userStore.getAccessToken()
    //如果token存在则添加到请求头
    if (token) {
      config.headers.Authorization = token
    }
    return config
  },
  (err) => {
    return Promise.reject('处理错误')
  },
)

request.interceptors.response.use(
  async (res) => {
    //关闭加载
    stopLoading()
    return res
  },
  async (err) => {
    //记录原始错误config
    const { config } = err.response

    //更新Access Token失败，响应状态码为402则跳转到登录页
    if (err & err.response & err.response.status === 402) {
      handleLogin()
    }

    //处理401未授权错误
    if (err && err.response && err.response.status === 401) {
      try {
        //如果token为空则说明未登录
        if (userStore.getAccessToken() === '') {
          throw new Error('未登录')
        }
        //获取新的Access Token，如果处理错误会被捕获重新进入此回调函数
        const res = await getAccessToken({
          headers: {
            'Refresh-Token': userStore.getRefreshToken(),
            //因为Access Token过期后，无法得到userId，所以需要手动传
            userId: userStore.getUser(),
          },
        })
        //使用新的token重试请求
        const token = res.data
        //设置新的token
        userStore.setAccessToken(token)

        //设置请求头
        config.headers.Authorization = token
        //如果token为空则说明未登录
        if (token === '' && token === null) {
          throw new Error('未登录')
        }
        //重新发送请求
        return request(config)
      } catch (error) {
        //双Token过期处理情况
        handleLogin()
      } finally {
        //关闭加载
        stopLoading()
      }
    }
    return Promise.reject('处理失败')
  },
)

export default request

export { baseURL }
